﻿<head>
<title>S.E.C.-Typy przewinień</title>
</head>
<div id="offensebox">
	<script src="{{ STATIC_URL }}js/offense.js" type="text/javascript"></script>
	<div class="navbar ">
		<div class="navbar-inner">
			<input id="filter" type="text" class="search-query" placeholder="Wyszukaj...">
			<div class="btn-group">
				<button class="btn btn-primary" id="show_add_modal_button">
					Dodaj
				</button>
				<button id="show_delete_modal_button" class="btn btn-danger">
					Usuń
				</button>
				<button id="show_edit_modal_button" class="btn btn btn-info">
					Edytuj
				</button>
				<button class="btn" id="reload_button">
					<img src="{{ STATIC_URL }}img/reload.png" style="width:18px;">
				</button>
			</div>
			<br />
			<form>
				<table id="offense_table" class="table table-striped">
					<thead>
						<tr>
							<th></th>
							<th>#
							</th>
							<th>Nazwa
							</th>
							<th>Szkodliwość czynu
							</th>
							<th>
							Opis
						</tr>
					</thead>
					<tbody id="offense_table_body">
					</tbody>
				</table>
			</form>
		</div>
	</div>
	<div id="add_offense_modal" class="modal hide fade">
		<div class="modal-header">
			<button class="close" data-dismiss="modal" aria-hidden="true">
				&times;
			</button>
			<h3 id="H1">Dodaj typ zdarzenia
				<button class="btn btn btn-warning" id="Button1">
					Wyczyść
				</button>
			</h3>
		</div>
		<div class="modal-body">
			<form action="" id="add_offense_form">
				{% csrf_token %} {{ offenseForm.as_p }}
			</form>
		</div>
		<div class="modal-footer">
			<div id="Div2">
			</div>
			<br />
			<a onclick="$('#add_offense_modal').modal('hide');" class="btn">Anuluj</a>
			<button class="btn btn-primary" id="add_offense_button">
				Zatwierdź
			</button>
		</div>
	</div>
	<div id="delete_modal" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				&times;
			</button>
			<h3>Usuwanie</h3>
		</div>
		<div class="modal-body">
			Czy chcesz usunąć wybranego użytkownika?
		</div>
		<div class="modal-footer">
			<div id="alert_area">
			</div>
			<br />
			<a onclick="$('#delete_modal').modal('hide');" class="btn">Nie</a>
			<button class="btn btn-danger" id="delete_button">
				Tak
			</button>
		</div>
	</div>
</div>
